<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
<div id="app">

</div>

</body>
</html>

<script>
    new Vue({
        el:'#app',
        data(){
            return {

            }
        },
    //    生命周期函数
        beforeCreate(){
            console.log("创建之前");
        },
        created(){
            console.log("创建之后");
        },
        beforeMount(){
            console.log("挂载之前");
        },
        mounted(){
            //重要 一般做一些初始化操作 比如发起网络请求
            console.log("挂载完毕")
        },
        beforeUpdate(){
            console.log("修改之前");
        },
        updated(){
            console.log("修改之后");
        },
        beforeDestroy(){
            //重要 做一些首尾工作 将资源等内容释放
            console.log("销毁之前");
        },
        destroyed(){
            console.log("销毁")
        }
    });
</script>